var fecha_desde, fecha_hasta, rowIds = [], opt_grid;
$(function() {
    
    Productos_id_producto = null;
    fecha_desde = null;
    fecha_hasta = null;
    opt_grid = $("#productos-grid");
    opt_grid.bootgrid({
        ajax: true,
        post: function() {
            return {
//                grid_id: "llamadas-grid", filters: {
//                    fecha_fin: {
//                        fecha_desde: fecha_desde,
//                        fecha_hasta: fecha_hasta
//                    },
//                }
                Productos_id_producto: Productos_id_producto,
                action: "mostrarProductos"
            };
        },
        selection: true,
        multiSelect: true,
        rowSelect: true,
        keepSelection: true,
        url: "procesos/crud_producto.php",
        labels: {
            loading: "Cargando...",
            noResults: "Sin Resultados!",
            infos: "Mostrando {{ctx.start}} - {{ctx.end}} de {{ctx.total}} resultados"
        },
//        css: {
//            pagination: "page-ft",
//            header: "bootgrid-header"
//        },
        templates: {
            header: '',
//            footer:
//                    "<div id=\"{{ctx.id}}\" class=\"{{css.footer}}\">\n\
//                        <div class='row-fluid'>\n\
//                            <div class='span4 offset4'>\n\
//                                <div class='pagination'>\n\
//                                    <p class=\"{{css.pagination}}\"></p>\n\
//                                </div>\n\
//                            </div>\n\
//                            <div class=\"span6 infoBar\">\n\
//                                <p class=\"{{css.infos}}\"></p>\n\
//                            </div>\n\
//                        </div>\n\
//                    </div>"
        }
    });





    $("#Productos_id_producto").select2({
        placeholder: "Seleccione un Producto",
        initSelection: function(element, callback) {
            if ($(element).val()) {
                var data = {id: element.val(), text: $(element).attr('selected-text')};
                callback(data);
            }
        },
        ajax: {// instead of writing the function to execute the request we use Select2's convenient helper
            url: "procesos/crud_producto.php",
            type: "post",
            dataType: 'json',
            data: function(term, page) {
                return {
                    search_value: term, // search term
                    action: "AjaxjaxlistProductos"
                };
            },
            results: function(data, page) { // parse the results into the format expected by Select2.
                // since we are using custom formatting functions we do not need to alter remote JSON data
                return {results: data};
            }
        },
        allowClear: true,
//        multiple: true
    });
    $("#Productos_id_producto").on('change', function() {
        Productos_id_producto = $("#Productos_id_producto").val();
        usuario_id = $("#Productos_id_productos").val();
        opt_grid.bootgrid('reload');//actualiza l boot

    });
    
    
    $("#Productos_precio_compra").on('keyup', function() {
        Productos_precio_venta = $("#Productos_precio_compra").val()+2;
         $("#Productos_precio_venta").val(Productos_precio_venta);

    });



    $("#Productos_id_proveedor").select2({
        placeholder: "Seleccione un Proveedor",
        initSelection: function(element, callback) {
            if ($(element).val()) {
                var data = {id: element.val(), text: $(element).attr('selected-text')};
                callback(data);
            }
        },
        ajax: {// instead of writing the function to execute the request we use Select2's convenient helper
            url: "procesos/crud_proveedor.php",
            type: "post",
            dataType: 'json',
            data: function(term, page) {
                return {
                    search_value: term, // search term
                    action: "AjaxjaxlistProveedores"
                };
            },
            results: function(data, page) { // parse the results into the format expected by Select2.
                // since we are using custom formatting functions we do not need to alter remote JSON data
                return {results: data};
            }
        },
        allowClear: true
//        multiple: true,
    });


});




/**
 * Inserta en la tabla un usuario
 * @param {type} $form_id
 * @returns {undefined}
 */

function insertarProductos($form_id) {
    $($form_id).attr('action', "procesos/crud_producto.php");
    console.log($form_id);
    ajaxValidarFormulario({
        formId: $form_id,
        action: "insertar_productos",
        beforeCall: function() {
            BloquearBotonesModal($form_id);
        },
        successCall: function(data) {
            if (data.success) {
                $("#productos-form").trigger('reset');//reinicia todo
                opt_grid.bootgrid('reload');//actualiza l boot
                alert("Se agrego");
            }
        },
        errorCall: function(data) {
            DesBloquearBotonesModal($form_id, 'Crear', 'insertarProductos');
        }
    });
}

